<template>
  <h1>Child组件</h1>
  <p>{{ modelValue }}</p>
  <button @click="$emit('update:modelValue', modelValue + 2)">
    使用v-model
  </button>
  <ul>
    <li>注意：</li>
    <li>之前 value -> modelValue</li>
    <li>之前 input -> update:modelValue</li>
  </ul>
  <div>{{ num2 }}</div>
  <button @click="$emit('update:num2', num2 + 2)">v-model:num2="num2"</button>
  <ul>
    <li>v-model:num2="num2"</li>
    <li>会把modelValue重命名num2</li>
    <li>v-model可以有多个</li>
  </ul>
</template>

<script>
export default {
  name: "Child",
  props: {
    modelValue: Number,
    num2: Number,
  },
};
</script>

<style>
</style>